<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
	<title>MileHigh Airlines</title>
	<link rel="stylesheet" type="text/css" href="css/style.css" />
	<script type="text/javascript" src="js/validation.js"></script>
</head>
<body>

<h1>MileHigh Airlines</h1>

<form name="flight" method="post" action="seatSelection.jsp" onsubmit="return validate(this)" >
	
	<div class="error" id="dateError">Invalid date</div>
	<div class="error" id="pastError">Sorry, we can't time-travel and book you in the past.</div>
	<div class="error" id="twoWeeksError">Sorry, we can't book flights more than 2 weeks in advance.</div>
		
	<div id="city">
		<label for="from">Departure City:</label>
		<select name="from">
			<option>Toronto</option>
			<option>Montreal</option>
		</select>
	</div>
	<div id="date">
		<label for="day">Date:</label>
		<select name="day"></select> 
		<select name="month"></select>
		<select name="year"></select>
	</div>
	<input class="blue-pill" type="submit" value="Check Availability"/> 
	
</form>

</body>
<script type="text/javascript" src="js/helper.js"></script>
</html>